<template>
  <div></div>
</template>
<script>
import { defineComponent} from 'vue';
export default defineComponent({
  name:'ReactiveUse',
  setup(){
        const user = { //目标对象
                name: 'jackson wang',
                age: 30,
                wife: {
                    name: 'wangwangwangwang',
                    age: 20
                }
            }
            //有两个参数
            // 参数1--->target目标对象
            // 参数2 handle--->处理器对象,用来监视数据,以及数据操作
        const proxyUser = new Proxy(user, {
                get(target, prop) {
                    console.log('get调用了');
                    return Reflect.get(target,prop)
                },
                // set() {},
                // deleteProperty() {}
            })
            // 通过代理对象获得目标对象的某个属性值
        console.log(proxyUser.name);
  }
})
</script>